@charset "utf-8";
.banner{ width:1920px; position:relative; left:50%; margin-left:-960px; height:770px;}
.banner .hd{ width:100%; text-align:center; position:absolute; left:0; z-index:9; bottom:44px; font-size:0}
.banner .hd ul{ display:inline-block; vertical-align:top;}
.banner .hd ul li{ width:26px; background:#fff; height:8px; background:#fff; margin:0 3px; display:inline-block; vertical-align:top; cursor:pointer}
.banner .hd ul li.on{ background:#0093dd; width:54px}

.gcon_1{ width:100%; margin-top:100px}
.gcon_1 .nr{ width:1200px; margin:0 auto}
.gcon_1 .nr .ihd{ width:100%}
.gcon_1 .nr .ihd .title{ float:left}
.gcon_1 .nr .ihd .title p{ font-size:72px; font-family:Arial, Helvetica, sans-serif; color:#e6e6e6; text-transform:uppercase; font-weight:bold; line-height:54px;}
.gcon_1 .nr .ihd .title h3{ font-size:38px; color:#333333; line-height:1; margin-top:-32px}
.gcon_1 .nr .ihd .parHd{ float:right}
.gcon_1 .nr .ihd .parHd ul li{ float:left; width:130px; height:60px; text-align:center; color:#fff; line-height:60px; font-size:18px; background:#1f55b8; margin-left:4px; cursor:pointer}
.gcon_1 .nr .ihd .parHd ul li.on{ background:#f0cf36; color:#333}
.gcon_1 .nr .ibd{ margin-top:44px; width:100%; position:relative}
.gcon_1 .nr .ibd li{ width:397px; margin-right:5px; position:relative; float:left}
.gcon_1 .nr .ibd li .pic{ width:100%; overflow:hidden} 
.gcon_1 .nr .ibd li .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%}
.gcon_1 .nr .ibd li:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_1 .nr .ibd li .title{ position:absolute; left:0; bottom:0; z-index:2; width:100%; text-align:center; transition:all 0.5s linear}
.gcon_1 .nr .ibd li .title span{ display:block; width:100%; line-height:90px; font-size:16px; color:#333333; transition:all 0.3s linear;background:url(g_06.png) bottom center no-repeat; background-size:0}
.gcon_1 .nr .ibd li:hover .title{ width:100%; height:100%; background:rgba(8,68,178,0.7)}
.gcon_1 .nr .ibd li:hover .title span{  line-height:1; padding-bottom:70px; font-size:24px; color:#fff; font-weight:bold; position:absolute; left:0; top:50%; transform:translateY(-50%); background-size:39px}
.gcon_1 .nr .ibd .sNext{ background:url(g_04.jpg) center center no-repeat; position:absolute; right:-66px; top:50%; width:51px; height:99px; transform:translateY(-50%); cursor:pointer; z-index:2}
.gcon_1 .nr .ibd .sPrev{ background:url(g_03.jpg) center center no-repeat; position:absolute; left:-66px; top:50%; width:51px; height:99px; transform:translateY(-50%); cursor:pointer; z-index:2}

.gcon_2{ width:100%; margin-top:100px; background:url(g_08.jpg) center center no-repeat; background-size:cover}
.gcon_2 .nr{ width:1200px; margin:0 auto; padding:100px  0 120px;}
.gcon_2 .nr .ihd{ width:100%}
.gcon_2 .nr .ihd .title{ float:left}
.gcon_2 .nr .ihd .title p{ font-size:72px; font-family:Arial, Helvetica, sans-serif; color:rgba(255,255,255,0.1); text-transform:uppercase; font-weight:bold; line-height:54px;}
.gcon_2 .nr .ihd .title h3{ font-size:38px; color:#fff; line-height:1; margin-top:-32px}
.gcon_2 .nr .ihd .intro{ font-size:24px; line-height:1; margin-top:25px; color:#fff; padding-left:25px}
.gcon_2 .nr .ihd .more{ float:right}
.gcon_2 .nr .ihd .more a{ display:block; background:url(g_07.png) center center no-repeat; width:68px; height:68px; margin-top:25px}
.gcon_2 .nr .ibd{ width:100%; margin-top:35px}
.gcon_2 .nr .ibd .lt{ width:600px; float:left}
.gcon_2 .nr .ibd .lt .intro{ padding-left:24px; font-size:16px; color:#fff; line-height:30px; height:322px }
.gcon_2 .nr .ibd .rt{ float:right; margin-top:10px; position:relative}
.gcon_2 .nr .ibd .rt span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:url(g_10.png) center center no-repeat}
.gcon_2 .nr .ibd .lt .list{ width:100%}
.gcon_2 .nr .ibd .lt .list ul{ width:604px;}
.gcon_2 .nr .ibd .lt .list li{ float:left; width:148px; float:left; height:91px; background:#ffffff; margin-right:3px}
.gcon_2 .nr .ibd .lt .list li a{ display:block; text-align:center}
.gcon_2 .nr .ibd .lt .list li a i{ display:inline-block; vertical-align:top; background:url(g_11.png) left center no-repeat; padding-left:40px; line-height:91px; font-size:16px; color:#333333}
.gcon_2 .nr .ibd .lt .list li:hover a{ background:#f0cf36}
.gcon_2 .nr .ibd .lt .list li:nth-child(2) a i{ background:url(g_12.png) left center no-repeat;}
.gcon_2 .nr .ibd .lt .list li:nth-child(3) a i{ background:url(g_13.png) left center no-repeat;}
.gcon_2 .nr .ibd .lt .list li:nth-child(4) a i{ background:url(g_14.png) left center no-repeat;}

.gcon_3{ width:100%; margin-top:100px}
.gcon_3 .nr{ width:1200px; margin:0 auto; background:url(g_08.jpg) center center no-repeat; background-size:cover; color:#fff}
.gcon_3 .nr li{ width:300px; height:432px; position:relative; float:left; overflow:hidden}
.gcon_3 .nr li:after{ content:""; display:block; width:1px; height:100%; background:#fff; position:absolute; right:0; top:0; transition:all 0.3s linear}
.gcon_3 .nr li .pic{ width:100%; opacity:0; transition:all 0.3s linear}
.gcon_3 .nr li .num{ position:absolute; top:45px; right:40px; z-index:3}
.gcon_3 .nr li .conts{ width:100%; height:200%; position:absolute; left:0; top:0; z-index:2; transition:all 0.3s linear}
.gcon_3 .nr li .conts .ico{ width:100%; text-align:center; padding-top:137px;}
.gcon_3 .nr li .conts .tit{ font-size:24px; color:#fff; font-weight:bold; line-height:1; padding-top:100px; padding-left:45px}
.gcon_3 .nr li .conts .intro{ margin-top:80px; font-size:16px; line-height:2; padding:0 45px}
.gcon_3 .nr li:hover:after{ height:0}
.gcon_3 .nr li:hover .pic{ opacity:1}
.gcon_3 .nr li:hover  .conts{ top:-300px}




.gcon_4{ width:100%; margin-top:100px; background:url(g_22.jpg) center center no-repeat; background-size:cover}
.gcon_4 .nr{ width:1200px; margin:0 auto; padding:115px  0 ;}
.gcon_4 .nr .ihd{ width:100%}
.gcon_4 .nr .ihd .title{}
.gcon_4 .nr .ihd .title p{ font-size:72px; font-family:Arial, Helvetica, sans-serif; color:rgba(255,255,255,0.1); text-transform:uppercase; font-weight:bold; line-height:54px;}
.gcon_4 .nr .ihd .title h3{ font-size:38px; color:#fff; line-height:1; margin-top:-32px}
.gcon_4 .nr .lt{ float:left}
.gcon_4 .nr .lt .conts{ margin-top:166px;}
.gcon_4 .nr .lt .conts .pic{ float:left; margin-right:12px}
.gcon_4 .nr .rt{ float:right; width:392px; height:432px; position:relative; background:#fff; overflow:hidden}
.gcon_4 .nr .rt .swiper04{ width:100%; height:100%; box-sizing:border-box; border-top:5px solid #f0cf36}
.gcon_4 .nr .rt .swiper-slide{ width:100%;}
.gcon_4 .nr .rt .swiper-slide a{ display:block; width:100%; box-sizing:border-box; padding:40px 35px}
.gcon_4 .nr .rt .swiper-slide a .title{ font-size:24px; color:#333333; font-weight:bold; font-weight:bold}
.gcon_4 .nr .rt .swiper-slide a .intro{ font-size:14px; color:#333333; line-height:2; text-align:justify; margin-top:25px}
.gcon_4 .nr .rt .next04{ background:url(g_26.png) center center no-repeat #999999; width:40px; height:40px; border-radius:100%; position:absolute; right:35px; bottom:40px; cursor:pointer; z-index:2}
.gcon_4 .nr .rt .prev04{ background:url(g_25.png) center center no-repeat #999999; width:40px; height:40px; border-radius:100%; position:absolute; right:80px; bottom:40px; cursor:pointer; z-index:2}
.gcon_4 .nr .rt .next04:hover{ background:url(g_26.png) center center no-repeat #0a44b1; }
.gcon_4 .nr .rt .prev04:hover{ background:url(g_25.png) center center no-repeat #0a44b1; }



.gcon_5{ width:100%; margin-top:100px; margin-bottom:100px}
.gcon_5 .nr{ width:1200px; margin:0 auto}
.gcon_5 .nr .ihd{ width:100%}
.gcon_5 .nr .ihd .title{ float:left}
.gcon_5 .nr .ihd .title p{ font-size:72px; font-family:Arial, Helvetica, sans-serif; color:#e6e6e6; text-transform:uppercase; font-weight:bold; line-height:54px;}
.gcon_5 .nr .ihd .title h3{ font-size:38px; color:#333333; line-height:1; margin-top:-32px}
.gcon_5 .nr .ihd .hd{ float:right; overflow:hidden}
.gcon_5 .nr .ihd .hd ul li{ float:left; width:124px; height:42px; text-align:center; color:#fff; line-height:42px; font-size:18px; background:#1f55b8; margin-left:15px; cursor:pointer; position:relative; font-weight:bold}
.gcon_5 .nr .ihd .hd ul li:after{ content:""; display:block; width:2px; height:20px; background:#333; position:absolute; right:-8px; top:50%; margin-top:-10px;}
.gcon_5 .nr .ihd .hd ul li.on{ background:#f0cf36; color:#333}
.gcon_5 .nr .ibd{ margin-top:25px}
.gcon_5 .nr .ibd .conts{ width:1220px}
.gcon_5 .nr .ibd .item{ width:392px; height:360px; background:#ededed; float:left; margin-right:12px}
.gcon_5 .nr .ibd .item a{ display:block; width:100%; height:100%; padding:40px; box-sizing:border-box}
.gcon_5 .nr .ibd .item a h3{ font-size:18px; color:#000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:normal; margin-top:20px}
.gcon_5 .nr .ibd .item a .intro{ font-size:14px; color:#999999; margin-top:40px; height:125px; border-bottom:1px solid #c0c2c5 }
.gcon_5 .nr .ibd .item a .time{ margin-top:40px; font-size:12px; color:#000000; background:url(g_28.png) right center no-repeat}
.gcon_5 .nr .ibd .item:hover{ background:#0a44b1}
.gcon_5 .nr .ibd .item:hover a h3{ color:#fff}
.gcon_5 .nr .ibd .item:hover a .intro{ color:rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.2)}
.gcon_5 .nr .ibd .item:hover a .time{ color:#fff; background:url(g_29.png) right center no-repeat}